<extend name="Public/base" />

<block name="body">
    <div class="main-title cf">
        <h2>
            导航排序 [ <a href="{:U('index',array('pid'=>I('pid')))}">返回列表</a> ]
        </h2>
    </div>
    <div class="sort">
        <form action="{:U('sort')}" method="post">
            <div class="sort_center">
                <div class="sort_option">
                    <select value="" size="8">
                        <volist name="list" id="vo">
                            <option class="ids" title="{$vo.title}" value="{$vo.id}">{$vo.title}</option>
                        </volist>
                    </select>
                </div>
                <div class="sort_btn">
                    <button class="top btn" type="button">第 一</button>
                    <button class="up btn" type="button">上 移</button>
                    <button class="down btn" type="button">下 移</button>
                    <button class="bottom btn" type="button">最 后</button>
                </div>
            </div>
            <div class="sort_bottom">
                <input type="hidden" name="ids">
                <button class="sort_confirm btn submit-btn" type="button">确 定</button>
                <button class="sort_cancel btn btn-return" type="button" url="{:U('index',array('pid'=>I('pid')))}">返 回</button>
            </div>
        </form>
    </div>
</block>

<block name="script">
    <script type="text/javascript">
        //导航高亮
        highlight_subnav('{:U('Slider/index')}');
        $(function(){
            sort();
            $(".top").click(function(){
                rest();
                $("option:selected").prependTo("select");
                sort();
            })
            $(".bottom").click(function(){
                rest();
                $("option:selected").appendTo("select");
                sort();
            })
            $(".up").click(function(){
                rest();
                $("option:selected").after($("option:selected").prev());
                sort();
            })
            $(".down").click(function(){
                rest();
                $("option:selected").before($("option:selected").next());
                sort();
            })
            $(".search").click(function(){
                var v = $("input").val();
                $("option:contains("+v+")").attr('selected','selected');
            })
            function sort(){
                $('option').text(function(){return ($(this).index()+1)+'.'+$(this).text()});
            }

            //重置所有option文字。
            function rest(){
                $('option').text(function(){
                    return $(this).text().split('.')[1]
                });
            }

            //获取排序并提交
            $('.sort_confirm').click(function(){
                var arr = new Array();
                $('.ids').each(function(){
                    arr.push($(this).val());
                });
                $('input[name=ids]').val(arr.join(','));
                $.post(
                    $('form').attr('action'),
                    {
                    'ids' :  arr.join(',')
                    },
                    function(data){
                        if (data.status) {
                            swal({
                                type: "success",
                                title: "Good job !",
                                text: data.info+ ' 页面即将自动跳转~',
                                timer: 1000
                            });
                        }else{
                            swal({
                                type: "error",
                                title: "Oops...",
                                text: data.info,
                                timer: 2000
                            });
                        }
                        setTimeout(function(){
                            if (data.status) {
                                $('.sort_cancel').click();
                            }
                        },1000);
                    },
                    'json'
                );
            });

            //点击取消按钮
            $('.sort_cancel').click(function(){
                window.location.href = $(this).attr('url');
            });
        })
    </script>
</block>
